<%--
  Created by IntelliJ IDEA.
  User: 86136
  Date: 2021/12/25
  Time: 15:53
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<title>登录界面</title>
<head>

</head>
<style>
    body{TEXT-ALIGN: center;}
    #center{ MARGIN-RIGHT: auto;
        MARGIN-LEFT: auto;

        vertical-align:middle;

    }
</style>

<style>
    #grad1 {
        height: 1200px;
        width:1200px;
        background-color: red; /* 浏览器不支持时显示 */
        background-image: linear-gradient(#e66465, #9198e5);
    }
    .center{
        　　text-align:center;
    }
</style>
<style>
    p
    {
        text-shadow: 6px 6px 6px #2f41de;
    }
</style>
<style>
    div
    {
        width:300px;
        height:100px;
        background-color: #f3f3c3;
        box-shadow: 10px 10px 5px #888888;
    }
</style>
<style>
    .button {
        background-color: #afeebf;
        border: none;
        color: #000000;
        padding: 5px 12px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 10px;
        margin: 4px 2px;
        cursor: pointer;
    }
    .button2:hover {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    }
</style>

<body>

<div id="grad1">
<div id="center">
<div id ="login">

    <form name="login",method="post",action="*">

        <div id = "loginDiv" class="center">

            <p style="left:10px">
                欢迎来到电子商务网站登录系统</p>
            <div id="user">
                <input type="text" placeholder="用户名" style="height: 40px;"/>
            </div>
            <div id="password">
                <input type="password"  placeholder="密码" style="height: 40px;"/>
            </div>
            <div id="check">
                <input type="checkbox" /><span style="font-size: x-small;">请勿在公用电脑上勾选此选项&nbsp;<a href="#">忘记密码?</a></span>
            </div>
            <div id="loginbutt">
            <input type="submit" id="loginbutton" value="登录" class="button button2" />
            <p  id="reg" style="font-size: x-small;left: 70px;">
                <a href="http://127.0.0.1:8020/Tb/js/register.html">注册</a>
            </p>
            </div>
        </div>

    </form>
</div>
</div>
</div>
</body>




</html>